@import url(./../fonts/iconfont.css);

* {
    margin: 0;
    padding: 0;
}

.header{
    width: 100%;
    height: .625rem;
    display: flex;
    line-height: .625rem;
    justify-content: space-around;
    align-items: center;
}


.header .dot{
    display: inline-block;
    border: .0781rem solid black;
    border-radius: 50%;
}

.header .box2{
    margin: 0 1.5625rem;
}

.header span{
    font-size: .2813rem;
}

.header i{
    font-size: .3125rem;
}

.title {
    width: 100%;
    height: 1.375rem;
    background-color: #0dc441;
    font-size: .5313rem;
    text-align: center;
    line-height: 1.375rem;
    color: #ffffff;
}

.seach{
    width: 100%;
    height: 1.0313rem;
    border-bottom: 1px solid #aaaaaa;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.seach .a{
    width: 8.0781rem;
    height: .7344rem;
    line-height: .7344rem;
    border: 1px solid #aaaaaa;
    border-radius: .0781rem;
}

.seach .a input{
    outline: none;
    font-size: .375rem;
    color: #000000;
	opacity: 0.2;
    border: hidden;
}

.seach .b{
    width: 1.4219rem;
	height: .7188rem;
	background-color: #0dc441;
	border-radius: .0781rem;
    text-align: center;
    line-height: .7188rem;
    font-size: .375rem;
}

.line{
    width: 100%;
    height: .1563rem;
    background-color: #f1f1f1;
}

.main{
    width: 100%;
    height: 9.375rem;
    display: flex;
    flex-direction: column;

}

.main .box{
    width: 100%;
    height: 1.8125rem;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.main .box .a{
    width: 1.5938rem;
    height: 1.4688rem;
}

.main .box .a img{
    width: 100%;
    height: 100%;
}

.main .box .b .t1{
    font-size: .4375rem;
    line-height: .7656rem;
}
.main .box .b .t2{
    font-size: .375rem;
    line-height: .7656rem;
    color: #999999;

}


.main .box .c{
    width: 1.1719rem;
	height: .5469rem;
	background-color: #0dc441;
	border-radius: .0781rem;
    text-align: center;
    color: #ffffff;
    line-height: .5469rem;
    font-size: .375rem;
}

.main .box:nth-child(2) .c{
    background-color: #e5e5e5;
}

.foot{
    width: 100%;
    position: fixed;
    bottom: 0;
}

.bottom{
    width: 100%;
    height: 1.3594rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
}

.bottom .box{
    width: 20%;
    text-align: center;
}

.bottom .box:nth-child(3){
    width: 1.7969rem;
    height: 1.7969rem;
    border: 1px solid #dedede;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;

}

.bottom .box:nth-child(3) i{
    font-size: .9375rem !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.bottom p{
    font-size: .375rem;
    color: #000000;
	opacity: 0.2;
}
.bottom .box:nth-child(2) p{
    font-size: .375rem;
    color: #0dc441;
    opacity: 1;
}

.bottom i{
    font-size: .4688rem !important;
    color: black;
    opacity: 0.2;
}
.bottom .box:nth-child(2) i{
    font-size: .4688rem !important;
    color: #0dc441;
    opacity: 1;
}

.bottom .box:nth-child(2){
    margin-right: 1.25rem;
}